<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实战项目</title>
    <link  type="text/css" href="base.css"  rel="stylesheet">
    <link type="text/css" href="style.css"  rel="stylesheet">
    <style>
        body{margin: 0;padding: 0;}
    </style>

</head>
<body>
<div id="nav">
   <section class="center clearfix">
       <h1 class="logo"> 瓢城旅行社</h1>
       <ul class="link">
           <li class="active"><a href="index.html">首页</a></li>
           <li><a href="information.html">旅游资讯</a></li>
           <li><a href="ticket.html">机票订购</a></li>
           <li><a href="scenery.html">风景欣赏</a></li>
           <li><a href="about.html">公司简介</a></li>
       </ul>
   </section>
</div>
<div class="search">
    <div class="center"></div>
    <input type="text" class="souSuo" value="请输入旅游景点和城市">
    <button class="btn">搜索</button>
</div>
<div class="tour">
   <section class="center">
       <h2>热门旅游</h2>
       <p>国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
   </section>
    <figure>
        <img src="img/tour1.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">国内长线</div>
    </figure>
    <figure>
        <img src="img/tour2.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">出境长线</div>
    </figure>

    <figure>
        <img src="img/tour3.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>
    <figure>
        <img src="img/tour4.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>

    <figure>
        <img src="img/tour5.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>
    <figure>
        <img src="img/tour6.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>

    <figure>
        <img src="img/tour7.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>

    <figure>
        <img src="img/tour8.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>

    <figure>
        <img src="img/tour9.jpg" width="380" height="230">
        <figcaption>
            <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
        </figcaption>
        <div>
            <em class="sat">满意度 77%</em>
            <span class="price">¥&nbsp;<strong>2864</strong> 起</span>
        </div>
        <div class="type">自助旅游</div>
    </figure>
</div>
<footer class="footer">
    <div class="top">
        <div class="block left">
            <h2>合作伙伴</h2>
            <div class="hr"></div>
            <ul>
                <li>途牛旅游网</li>
                <li>驴妈妈旅游网</li>
                <li>携程旅游</li>
                <li>中国青年旅行社</li>
            </ul>
        </div>
        <div class="block middle" >
            <h2>旅游FAQ</h2>
            <div class="hr"></div>
            <ul>
                <li>旅游合同签订方式？</li>
                <li>儿童价是基于什么制定的？</li>
                <li>旅游的线路品质怎么界定的？</li>
                <li>单房差是什么？</li>
                <li>旅游保险有那些种类？</li>
            </ul>
        </div>
        <div class="block right ">
            <h2>联系方式</h2>
            <div class="hr"></div>
            <ul>
                <li>微博：weibo.com/ycku</li>
                <li>邮件：ycku@ycku.com</li>
                <li>地址：江苏盐城无名路123 号</li>
            </ul>
        </div>
    </div>
    <div class="bottom">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>
</footer>
</body>
</html>